iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
自我挑戰組

網頁前端工程探討系列 第 2

網頁三巨頭:HTML、CSS、JavaScript的關聯性

  • 分享至 

  • xImage
  •  

建立一個網頁需要三個技術HTML、CSS、JavaScript缺一不可!!
今天來介紹這三個技術有何關聯性:
觀念概說:
什麼是 HTML?
HTML:是英語HyperText Markup Language的縮寫

  • 它負責的是網頁的骨架
  • 是一種用於建立網頁的標準標記語言
  • 網頁瀏覽器可以讀取HTML檔案
  • 包含一系列的元素,元素是建構網站的基石
  • 元素包含了標籤與內容
  • 元素可以賦予文字片段不同的意義
  • 允許嵌入圖片或影片等內容,並且可以用於建立互動式表單
    綜合以上所述,可以簡言之:HTML可以用tag的方式來告訴瀏覽器的資訊該如何呈現。例如:瀏覽器看到button這個tag就明瞭要在網頁上放一顆按鈕,看到image這個tag就明瞭要在網頁上放入一張相片。

關於tag如下圖所示:
https://ithelp.ithome.com.tw/upload/images/20210917/201419051K2ly95EwG.jpg

左邊的選單列有每個tag的介紹,而主選單依序有HTML, CSS, JavaScript的介紹。
CSS:
有了HTML後,如果只是單純地用HTML的語言描述所呈現的網頁,很單調甚至奇醜無比,於是有了CSS (Cascading Style Sheets)的建立,它的功能就如同人類之於化妝品,CSS提供很多很厲害的文字或圖片效果,例如:改變文字的顏色或是讓圖片旋轉、變亮等視覺效果。

JavaScript:
•網頁的畫面如果只是單一靜止的呈現,也少了趣味性。如果希望網頁多一些豐富性,能和使用者有互動,就有了JavaScript的出現。JavaScript嵌入動態文字於HTML頁面,主要用來向HTML頁面添加更多的互動行為。

總結
1.HTML建立起網頁的主結構
2.CSS負責網頁的美觀和排版
3.JavaScript負責描述網頁如何與使用者互動。
三者關係密不可分,缺一不可。


上一篇
前言:新手入門–忐忑不安的開始
下一篇
認識HTML(一)
系列文
網頁前端工程探討30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言